<%@ page import="java.util.*" language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>后台登录</title>
    <meta name="author" content="DeathGhost" />
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/css/login.css" />
    <style>
        body {
            height: 100%;
            background: #1870a7;
            overflow: hidden;
        }

        canvas {
            z-index: -1;
            position: absolute;
        }
    </style>
    <script src="<%=request.getContextPath() %>/js/jquery.js"></script>
    <script src="<%=request.getContextPath() %>/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="<%=request.getContextPath() %>/js/Particleground.js"></script>
    <script>
        $(document).ready(function () {
            //粒子背景特效
            $('body').particleground({
                dotColor: '#40a4ce',
                lineColor: '#40a4ce'
            });
            
             //单击改变验证码的效果...
             $("#img").click(function(){           	 
            	 $(this).attr("src","${basePath }/yanzhenma.jpg?"+Math.random*100000);
             });
        });
    </script>
</head>
<body>
    <form runat="server" id="form1" target="_top" action="" method="post">
        <dl class="admin_login">
            <dt style="color: white;">
                <strong>
                    <img style="width: 50px; margin-right: 10px;" src="${basePath }/img/logo.png" />信息技术学院图书管理系统</strong>
                <em>&nbsp;</em>
            </dt>
            <dd class="user_icon">
                <input type="text" name="uname" class="login_txtbx" placeholder="账号" runat="server"  value="${uname }" required>
            </dd>
            <dd class="pwd_icon">
                <input type="password" name="upass" class="login_txtbx" placeholder="密码" runat="server" value="${upass }" required>
            </dd>
            <dd>
                <!-- 验证码   -->
                <input type="text" name="yanzhenma" class="login_txtyan"  style="width:40%" placeholder="验证码" runat="server" required>
                <img src="${basePath }/yanzhenma.jpg" id="img"  alt="验证码" />
            </dd>
            <dd>
                <!-- 记录保存用户登录的信息保存一周   -->
                <input type="checkbox" name="save" value="1">记住密码一周               
            </dd>
            <dd>
                <input type="submit" class="submit_btn"  value="登陆">
            </dd>
            <dd>
                <p>© 2016-2026 MYRPLUS 版权所有</p>
                <p>顽石科技</p>
            </dd>
        </dl>
    </form>
</body>
</html>
